<!doctype html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>首页</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link href="css/mui.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="css/main.css" />
    <link rel="stylesheet" href="css/mui.min.css">
		<link href="css/mui.picker.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="css/iconfont.css" />
    <link rel="stylesheet" href="font/iconfont.css"/>
    <link rel="stylesheet" href="css/index.css" />
    <link rel="stylesheet" href="css/shop.css" />
    <link rel="stylesheet" href="css/header.css"/>
		<script src="js/rem.js"></script>
    
  </head>
  <body>
      <div id="page1" class="page-container">
        <header class="nav ver-center">
        		<div class="header-left" id="set-area"><sapn id="area">地区</span></div>
           	<div class="header-center">百千信</div>
           	<div class="header-right"><a href="login.html">登录</a></div>
        </header>
        <div class="mui-content">
          <div class="mui-slider">
					  <div class="mui-slider-group mui-slider-loop">
					    <!--支持循环，需要重复图片节点-->
					    <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="image/lunbo3.jpg" /></a></div>
					    <div class="mui-slider-item"><a href="#"><img src="image/lunbo1.jpg" /></a></div>
					    <div class="mui-slider-item"><a href="#"><img src="image/lunbo2.jpg" /></a></div>
					    <div class="mui-slider-item"><a href="#"><img src="image/lunbo3.jpg" /></a></div>
					    <!--支持循环，需要重复图片节点-->
					    <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="image/lunbo1.jpg" /></a></div>
					  </div>
					</div>

          <div id="menu" class="menu bgWhite">
              <ul>
                  <li class="m-nav">
                  	<a class="menuContainer enter"  id="TV" >
                         <div class="menuIcon color1 Center"> <img alt="TV" src="image/icons/TV.png"></div>
                         <p class="menuText">电视</p>
                      </a>
                  </li>

                  <li class="hor-center m-nav">
                      <a class="menuContainer enter"  id="alipay" >
                          <div class="menuIcon color2 Center"> <img alt="condition" src="image/icons/condition.png">  </div>
                          <p class="menuText">空调
                          </p>
                      </a>
                  </li>
                  <li class="hor-center m-nav">
                      <a class="menuContainer enter"  id="qq"  >
                          <div class="menuIcon color3 Center"> <img alt="refrigerator" src="image/icons/refrigerator.png"></div>
                          <p class="menuText">冰箱
                          </p>
                      </a>
                  </li>
                  <li class="hor-center m-nav">
                      <a href="#" class="menuContainer" id="ke">
                          <div class="menuIcon color4 Center"><img alt="" src="image/icons/appliance.png"></div>
                          <p class="menuText">家庭电器
                          </p>
                      </a>
                  </li>
                  <li class="hor-center m-nav">
                      <a href="#" class="menuContainer" id="gong">
                          <div class="menuIcon color5 Center"><img alt="" src="image/icons/kitchen.png"></div>
                          <p class="menuText">厨卫家电
                          </p>
                      </a>
                  </li>
                  <li class="hor-center m-nav">
                      <a href="#" class="menuContainer" id="zhuan">
                          <div class="menuIcon color6 Center"><img alt="" src="image/icons/office.png"></div>
                          <p class="menuText">办公设备
                          </p>
                      </a>
                  </li>
                                    <li class="hor-center m-nav">
                      <a href="#" class="menuContainer" id="zhuan">
                          <div class="menuIcon color7 Center"><img alt="" src="image/icons/fitness.png"></div>
                          <p class="menuText">健身器材
                          </p>
                      </a>
                  </li>
                                    <li class="hor-center m-nav">
                      <a href="#" class="menuContainer" id="zhuan">
                          <div class="menuIcon color8 Center"><img src="image/icons/electric.png" alt=""></div>
                          <p class="menuText">电气
                          </p>
                      </a>
                  </li>
                                    <li class="hor-center m-nav">
                      <a href="#" class="menuContainer" id="zhuan">
                          <div class="menuIcon color9 Center"><img alt="" src="image/icons/air.png"></div>
                          <p class="menuText">空气厕所<br>净化服务
                          </p>
                      </a>
                  </li>
                                    <li class="hor-center m-nav">
                      <a href="#" class="menuContainer" id="zhuan">
                          <div class="menuIcon color10 Center"><img alt="" src="image/icons/drilling.png"></div>
                          <p class="menuText">钻孔
                          </p>
                      </a>
                  </li>
                                    <li class="hor-center m-nav">
                      <a href="install.html" class="menuContainer" id="zhuan">
                          <div class="menuIcon color11 Center"><img alt="" src="image/az.png"></div>
                          <p class="menuText">安装
                          </p>
                      </a>
                  </li>
                  <li class="hor-center m-nav">
                  </li>
              </ul>
          </div>
        </div>
      </div>

    <footer>
         <ul>
             <li class="current" id="page1btn">
                  <div>
                       <i class="iconfont icon-zhuye"></i>
                       <p>首页</p>
                  </div>
             </li>
             <li id="page2btn">
             			<a href="shop.html">
	                  <div>
	                      <i class="iconfont icon-shangcheng"></i>
	                      <p>商城</p>
	                  </div>
             			</a>
             </li>
             <li id="page3btn" >
             			<a href="personal-center.html">
	                  <div>
	                      <i class="iconfont icon-information"></i>
	                      <p>个人中心</p>
	                  </div>
             			</a>
             </li>
         </ul>
    </footer>
    <script src="js/mui.min.js"></script>
    <script src="js/jquery.min.js"></script>
    <script src="js/html/common.js"></script>
    <!--<script src="js/html/index.js"></script>-->
    <script src="js/fastclick.js"></script>
		<script src="js/mui.picker.min.js"></script>
    <script src="js/html/region.js" type="text/javascript" charset="utf-8"></script>
    <script>
        mui.init({gestureConfig:{
            tap: true,
        }
        });
        var gallery = mui('.mui-slider');
          gallery.slider({
            interval:5000
        });
        mui.init({
          swipeBack:true //启用右滑关闭功能
        });
				$(function() {
					FastClick.attach(document.body);
				});
        
       $('.enter').click(function(){
          var href=this.id+'.html';
          var id=this.id;
//        if(getToken()){
//           alert('请先登录');
//           window.location.href='login.html'
//        }else{
//        	
//        }
          window.location.href=href;
      });
				
				
    </script>
  </body>
</html>
